﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <meta name="format-detection" content="telephone=no">
    <title>其他</title>
    <link rel="stylesheet" href="/css/custom.css" />
</head>
<body>
 <!-- color: #bbbec5; font-size: 1.1rem; font-weight: normal; margin: 5% 0 0 8%; float: left; -->
    <div class="headinfobox" style="min-height: 10%; background: url(../img/othertitle.png) repeat-x; background-size: auto 100%; overflow: hidden;">
        <h2 style="color: #bbbec5; font-size: 1.1rem; font-weight: normal; margin: 5% 0 0 8%; float: left;">设备绑定</h2>

        <h2 style="position:absolute;right:5%;color: #bbbec5; font-size: 1.1rem; font-weight: normal; margin: 5% 0 0 8%; float: left;"><a href="/chart/index.php" style="color:#bbbec5">返回首页</a></h2>
    </div>
    <div id="otherList" class="otheredit" >
        <section v-for="item in items">
            <dl>
                <dt><img src="{{ item[4] }}"></dt>
                <dd>
                    <h2>{{ item[1] }}</h2>
                    <em></em>
                    <span>
                        <a href="javascript:(0)" class="edit" onclick="editShow('{{ item[0] }}')">编辑</a>
                        <a href="javascript:(0)" class="delt" onclick="deleteShow('{{ item[0] }}')">删除</a>
                    </span>
                </dd>
            </dl>
        </section>
        <section>
            <a id="btnadddevice" href="javascript:(0)">
                <dl>
                    <dd style="width: 100%;padding-left: 0;">
                        <em style="font-size:4rem;text-align: center;color:#FFF;">＋</em>
                    </dd>
                </dl>
            </a>
        </section>
    </div>
    <div class="otherfeedback">
        <div class="addfeedbox"></div>
        <h2>意见反馈</h2>
        <textarea id="txtSuggestion" placeholder="不超过N个字"></textarea>
        <div class="feedbtn">
            <input id="btnSuggestion" type="button" value="提交" class="feedbackbtn">
        </div>
    </div>
    <div class="otherinfo">
        <h2>公司简介</h2>
        <p>公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介</p>
    </div>
    <div id="adddevice" style="text-align:center;padding:5% 0;display:none;">
        <span style="font-size:26px;color:#626262;">添加设备</span>
        <hr style="width:80%;border:1px #626262 solid;" />
        <ul style="font-size:18px;width:60%;text-align:left;margin:0 auto;font-weight:bold;line-height:50px;">
            <li>1、扫描网关上的二维码</li>
            <li>
                2、输入网关专享号
                <div style="text-align:center;">
                    <input id="adddevice_did" type="text" style="width:100%;height: 38px;padding-left: 5%;border-radius: 5px;background: #DDD;border: 0;" />
                </div>
            </li>
            <li>
                <div style="text-align:center;">
                    <input type="button" value="取消" class="feedbackbtn" style="width:40%;" onclick="layer.closeAll()" />
                    <input type="button" value="完成" class="feedbackbtn" style="width:40%;margin-left:10%;" onclick="add()" />
                </div>
            </li>
        </ul>
    </div>
    <div id="editdevice" v-model="model" style="text-align:center;padding:5% 0;display:none;">
        <span style="font-size:26px;color:#626262;">{{ model.name }}</span>
        <hr style="width:80%;border:1px #626262 solid;" />
        <ul style="font-size:18px;width:60%;text-align:left;margin:0 auto;font-weight:bold;line-height:50px;">
            <li>
                <div style="text-align:center;">
                    <img src="{{ model.userimage }}" style="width: 5rem; height: 5rem;border-radius: 100%;vertical-align:middle;">
                    <span style="font-size:16px;display:inline-block;" onclick="">更改头像</span>
                    <!--<input type="file" onchange="alert(1)" />-->
                </div>
            </li>
            <li>
                名称<input placeholder="不超过6个字" maxlength="6" type="text" class="devicetext" v-model="model.name" />
            </li>

            <li id="testaa">

                地区
                <select v-model="model.prov" class="deviceselect">
                    <option v-for="item in model.provinceList" v-bind:value="{{ item.name }}">{{ item.name }}</option>
                </select>
                <select v-model="model.cityname" class="deviceselect">
                    <option v-for="item in model.provinceList.cityselect()" v-bind:value="{{ item }}">{{ item }}</option>
                </select>
            </li>
            <li>
                选择身份
                <select v-model="model.relation" class="deviceselect">
                    <option>自己</option>
                    <option>儿子</option>
                    <option>女儿</option>
                </select>
            </li>
            <li>
                <div style="text-align:center;">
                    <input type="button" value="取消" class="feedbackbtn" style="width:40%;" onclick="layer.closeAll()" />
                    <input type="button" value="完成" class="feedbackbtn" style="width:40%;margin-left:10%;" onclick="edit();" />
                </div>
            </li>
        </ul>
    </div>
    <div id="deletedevice" style="padding:5% 0;text-align:center;display:none;">
        <span id="deletedevice_name" style="font-size:20px;font-weight:bold;"></span>
        <input id="deletedevice_did" type="hidden" />
        <div style="text-align:center;width:80%;margin:auto;margin-top:5%;">
            <input id="" type="button" value="取消" class="feedbackbtn" style="width:40%;" onclick="layer.closeAll()" />
            <input type="button" value="完成" class="feedbackbtn" style="width:40%;margin-left:10%;" onclick="del()" />
        </div>
    </div>

    <script type="text/javascript" src="/js/jquery.min.js"></script>
    <script type="text/javascript" src="/js/vue/vue.min.js"></script>
    <script type="text/javascript" src="/js/layer/layer.js"></script>
    <script type="text/javascript" src="/js/getdata.js"></script>
    <script type="text/javascript" src="/js/common.js"></script>
    <script type="text/javascript" src="/js/manage.js"></script>
</body>
</html>
